#Loading {
    position: absolute;
    top:      1px;
    left:     3px;
}

#sosconfirm{
    position: absolute;
    top:      1px;
}

#littlecircle{
    position:      absolute;
    border-radius: 50%;
    height :       96px;
    width :        96px;
    border:        3px solid #FFFFFF;
    top:           55px;
    left:          54px;
    opacity:       0;
    transition:    opacity 1s ease-in-out;
}

#Warning{
    background: url("Images/warningstrip.png");
    position:   absolute;
    width:      50px;
    height:     50px;
    top:        44px;
    left:       80px;
    visibility: hidden;
    background-repeat:           no-repeat;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:         forwards;
    animation-iteration-count:   1;

}

@keyframes morph {
    from { background-position: 0px;    }
    to   { background-position: -850px; }
}

@keyframes pulse {
    25% { transform: scale(0.95); }
    75% { transform: scale(1.05); }
}

@keyframes enlarge {
    0%   { transform: scale(1);   }
    100% { transform: scale(1.7); }
}

#Good, #Result_Text {
    position:    absolute;
    width:       210px;
    height:      210px;
    top:         44px;
    left:        3px;
    visibility:  hidden;
    color:       white;
    text-align:  center;
    font-family: "Open Sans", sans-serif;
    font-weight: 400px;
    text-shadow: 0px 0px 4px #000000;
}

#Result_Text {
    top:         110px;
    font-weight: 600px;
    font-size:   30px;
    white-space: pre;
}

#Warningfinal {
    left:        60px;
    top:         -18px;
    width:       85px;
    height:      85px;
    position:    absolute;
    visibility:  hidden;
    transition:  transform 0.3s;
    user-select: none;
    -moz-user-select:    none;
    -webkit-user-drag:   none;
    -webkit-user-select: none;
    -ms-user-select:     none;
}

#Symbol {
    width:  50px;
    height: 50px;
}

.menu {
  overflow-x: hidden;
  overflow-y: hidden;
}